Szerkesztő:Nyenyec/jsmenu.css
Megjegyzés: közzététel után frissítened kell a böngésződ gyorsítótárát, hogy lásd a változásokat.
- Firefox / Safari: tartsd lenyomva a Shift gombot és kattints a Frissítés gombra a címsorban, vagy használd a Ctrl–F5 vagy Ctrl–R (Macen ⌘–R) billentyűkombinációt
- Google Chrome: használd a Ctrl–Shift–R (Macen ⌘–Shift–R) billentyűkombinációt
- Internet Explorer / Edge: tartsd nyomva a Ctrl-t, és kattints a Frissítés gombra, vagy nyomj Ctrl–F5-öt
- Opera: Nyomj Ctrl–F5-öt
/*
Menu related selectors
*/
.jsdomenudiv {
background-color: #FFFFFF;
background-image: url('http://upload.wikimedia.org/wikipedia/hu/e/ef/Office_xp_menu_left.png');
background-repeat: repeat-y;
border: 1px solid #8A867A;
cursor: default;
padding-bottom: 1px;
padding-top: 1px;
position: absolute; /* Do not alter this line! */
visibility: hidden;
z-index: 10;
}
.jsdomenuitem {
background: transparent;
border: none;
color: #000000;
font-family: Tahoma, Helvetica, sans, Arial, sans-serif;
font-size: 12px;
padding-bottom: 3px;
padding-left: 30px;
padding-right: 15px;
padding-top: 3px;
position: relative; /* Do not alter this line! */
}
.jsdomenuitemover {
background-color: #C1D2EE;
border: 1px solid #316AC5;
color: #000000;
font-family: Tahoma, Helvetica, sans, Arial, sans-serif;
font-size: 12px;
margin-left: 1px;
margin-right: 1px;
padding-bottom: 2px;
padding-left: 28px;
padding-right: 15px;
padding-top: 2px;
position: relative; /* Do not alter this line! */
}
.jsdomenuarrow {
background-image: url('http://upload.wikimedia.org/wikipedia/hu/f/f9/Office_xp_arrow.png');
background-repeat: no-repeat; /* Do not alter this line! */
height: 7px;
position: absolute; /* Do not alter this line! */
right: 8px;
width: 4px;
}
.jsdomenuarrowover {
background-image: url('http://upload.wikimedia.org/wikipedia/hu/b/bf/Office_xp_arrow_o.png');
background-repeat: no-repeat; /* Do not alter this line! */
height: 7px;
position: absolute; /* Do not alter this line! */
right: 8px;
width: 4px;
}
.jsdomenusep {
padding-left: 28px;
}
.jsdomenusep hr {
}
/*
Menu bar related selectors
*/
.jsdomenubardiv {
background-color: #ECE9D8;
background-image: url('http://upload.wikimedia.org/wikipedia/hu/0/06/Office_xp_divider.png');
background-position: left;
background-repeat: no-repeat;
border: 1px outset;
cursor: default;
padding-bottom: 3px;
padding-left: 1px;
padding-right: 1px;
padding-top: 3px;
position: absolute; /* Do not alter this line! */
visibility: visible;
}
.jsdomenubardragdiv {
cursor: move;
display: inline;
font-family: Tahoma, Helvetica, sans, Arial, sans-serif;
font-size: 12px;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
position: relative; /* Do not alter this line! */
visibility: hidden;
width: 9px;
}
.jsdomenubaritem {
background-color: #EFEDDE;
border: none;
color: #000000;
display: inline;
font-family: Tahoma, Helvetica, sans, Arial, sans-serif;
font-size: 12px;
padding-bottom: 2px;
padding-left: 24px;
padding-right: 10px;
padding-top: 2px;
position: relative; /* Do not alter this line! */
}
.jsdomenubaritemover {
background-color: #C1D2EE;
border: 1px solid #316AC5;
color: #000000;
display: inline;
font-family: Tahoma, Helvetica, sans, Arial, sans-serif;
font-size: 12px;
padding-bottom: 2px;
padding-left: 23px;
padding-right: 9px;
padding-top: 2px;
position: relative; /* Do not alter this line! */
}
.jsdomenubaritemclick {
background-color: #EFEDDE;
border: 1px solid #8A867A;
color: #000000;
display: inline;
font-family: Tahoma, Helvetica, sans, Arial, sans-serif;
font-size: 12px;
padding-bottom: 2px;
padding-left: 23px;
padding-right: 9px;
padding-top: 2px;
position: relative; /* Do not alter this line! */
}
/*
Example of selectors for icons. Change the height and width to match the actual
height and width of the icon image.
*/
.icon1 {
background-image: url(icon1.png);
background-repeat: no-repeat; /* Do not alter this line! */
height: 16px;
left: 4px;
position: absolute; /* Do not alter this line! */
width: 16px;
}
.icon2 {
background-image: url(icon2.png);
background-repeat: no-repeat; /* Do not alter this line! */
height: 16px;
left: 4px;
position: absolute; /* Do not alter this line! */
width: 16px;
}
.icon3 {
background-image: url(icon3.png);
background-repeat: no-repeat; /* Do not alter this line! */
height: 16px;
left: 4px;
position: absolute; /* Do not alter this line! */
width: 16px;
}